<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../style.css" rel="stylesheet">

    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="../style.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<!--导航-->
<!--<div class="nav">-->
<!--    <a href="">微信公众号管家</a>-->
<!--    <ul>-->
<!--        <li><a href="">首页</a></li>-->
<!--        <li><a href="">关于</a></li>-->
<!--        <li><a href="">登录</a></li>-->
<!--    </ul>-->
<!--</div>-->

<!--导航-->
<nav class="navbar navbar-default">
    <div class="container-fluid">
<!--网站标题-->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">微信公众号管家</a>
        </div>

        <ul class="nav navbar-nav">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">登录</a></li>
        </ul>
    </div>
</nav>

<!--轮播图-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="/images/shop_cart.png"/>
            <div class="carousel-caption">
                <h1>轮播1的标题</h1>
                <p>这里是轮播图1的说明</p>
            </div>
        </div>
        <div class="item">
            <img src="/images/shop_cart.png"/>
            <div class="carousel-caption">
                <h1>轮播2的标题</h1>
                <p>这里是轮播图2的说明</p>
            </div>
        </div>
        <div class="item">
            <img src="/images/shop_cart.png"/>
            <div class="carousel-caption">
                <h1>轮播3的标题</h1>
                <p>这里是轮播图3的说明</p>
            </div>
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!--轮播图-->
<div class="slide">
    <div>
        <h1>轮播图1</h1>
        <img src="/images/shop_cart.png"/></div>
    <div>
        <h1>轮播图2</h1>
        <img src="/images/shop_cart.png"/></div>
    <div>
        <h1>轮播图3</h1>
        <img src="/images/shop_cart.png"/></div>
</div>
<!--案例-->
<div class="case">
    <div>
        <h2>案例1</h2>
        <img src="/images/shop_cart.png"/>
    </div>
    <div>
        <h2>案例2</h2>
        <img src="/images/shop_cart.png"/>
    </div>
    <div>
        <h2>案例3</h2>
        <img src="/images/shop_cart.png"/>
    </div>
</div>
<!--产品功能截图-->
<div class="screenshoot">
    <div>
        <h2>截图1</h2><img src="/images/shop_cart.png"/></div>
    <div>
        <h2>截图2</h2><img src="/images/shop_cart.png"/></div>
    <div>
        <h2>截图3</h2><img src="/images/shop_cart.png"/></div>
</div>
<!--底部-->
<div class="footer">
    版权所有 2016
    <a href="">四光年科技</a>
</div>

<button type="button" class="btn btn-primary">按钮</button>

</body>
</html>